<!-- 路由的主入口-一级入口 -->
<template>
	<div class="">
		<router-view></router-view>
	</div>
</template>

<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';
import axios from 'axios';
console.log('axios:', axios);
export default {
	//import引入的组件需要注入到对象中才能使用
	components: {},
	data() {
		//这里存放数据
		return {};
	},
	//监听属性 类似于data概念
	computed: {},
	//监控data中的数据变化
	watch: {},
	//方法集合
	methods: {},
	//生命周期 - 创建完成（可以访问当前this实例）
	async created() {
		// axios get 请求以及发送参数
		// axios
		// 	.get('https://v2.alapi.cn/api/joke', {
		// 		params: {
		// 			token: 'R6FcySTqKQ0rOBBp',
		// 			page: 2,
		// 			num: 5,
		// 		},
		// 	})
		// 	.then((res) => {
		// 		console.log(res.data);
		// 	})
		// 	.catch((err) => console.log(err))
		// 	.finally(() => {
		// 		console.log('请求结束了');
		// 	});
		// async await 配置一起来使用，可以将异步代码变同步
		let result = await axios.get('https://v2.alapi.cn/api/joke', {
			params: {
				token: 'R6FcySTqKQ0rOBBp',
				page: 1,
				num: 5,
			},
		});
		console.log(result.data);
	},
	//生命周期 - 挂载完成（可以访问DOM元素）
	mounted() {},
	beforeCreate() {}, //生命周期 - 创建之前
	beforeMount() {}, //生命周期 - 挂载之前
	beforeUpdate() {}, //生命周期 - 更新之前
	updated() {}, //生命周期 - 更新之后
	beforeDestroy() {}, //生命周期 - 销毁之前
	destroyed() {}, //生命周期 - 销毁完成
	activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
};
</script>
<style scoped></style>
